<template>
    <div>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="用户管理" name="first" >
                用户管理
                <xwzx1></xwzx1>
            </el-tab-pane>
            <el-tab-pane label="配置管理" name="second">
                配置管理
                <xwzx2></xwzx2>
            </el-tab-pane>
        </el-tabs>

    </div>
</template>
<script>
import xwzx1 from '@/components/1-xwzx/xwzx1.vue'
import xwzx2 from '@/components/1-xwzx/xwzx2.vue'
export default {
    data(){
        return {
            activeName: this.activeName
        }
    },
    props:{
        activeName:{
            type:String,
            default:'first'
        }
    },
    methods:{
      handleClick(tab, event) {
        // console.log(tab, event);
      }
    },
    components:{
        xwzx1,xwzx2
    },
}













// <template>
//     <div>
//         <h2>新闻资讯</h2>
//         <xwzx1 v-if='isShow==1'></xwzx1>
//         <xwzx2 v-else></xwzx2>
//     </div>
// </template>
// <script>
// import xwzx1 from '@/components/1-xwzx/xwzx1.vue'
// import xwzx2 from '@/components/1-xwzx/xwzx2.vue'
// export default {
//     data(){
//         return {
            
//         }
//     },
//     props:{
//         isShow:{
//             type:Number,
//             default:1
//         }
//     },
//     components:{
//         xwzx1,xwzx2
//     },
//     mounted(){
        
//     }
// }
// </script>




</script>



